<!DOCTYPE html>
<title>Test that start_url member is supported</title>
<link rel="help" href="https://w3c.github.io/manifest/#start_url-member" />
<link rel="manifest" href="https://{{host}}:{{ports[https][0]}}/appmanifest/start_url-member/start_url-member-fail.sub.webmanifest" />
<h1>Cross-origin start URLs are invalid</h1>
<script>
  // Force the port of the origin to be ports[https][0] (likely :8443)
  // we treat the start_url's port ports[https][1] (likely :8444) to be another origin that we fail against
  if (window.location.origin !== "https://{{host}}:{{ports[https][0]}}") {
    window.location = new URL(window.location.pathname, "https://{{host}}:{{ports[https][0]}}")
  }
</script>

<style>
@media all and (display-mode: fullscreen) {
  body {
    background-color: green;
  }
}
</style>

<p>
  To pass, the start URL must not be fail.html because it's not same origin.
  It will use this page as the start URL and the background will be green.
</p>
